﻿﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title><spring:message code="YYK-title-10009" /></title>
		<script type="text/javascript">
		;(function (doc, win) {
		    var docEl = doc.documentElement,
		      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		      recalc = function () {
		        var clientWidth = docEl.clientWidth;
		        var clientHeight = docEl.clientHeight;
		        if (!clientWidth) return;
		        if (clientWidth < clientHeight) {
		            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
		        }else{
		          docEl.style.fontSize = 50 * (clientWidth / 1136) + 'px';
		        }
		      };
		      recalc();
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);   
		})(document, window);
		</script>
		<link rel="stylesheet" href="${static_server}/static/css/default.css">
		<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
		<link rel="stylesheet" href="${static_server}/static/css/common/zepto.alert.css">
		
		<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
		<script type="text/javascript" src="${static_server}/static/js/common/zepto.alert.js"></script>
		<script type="text/javascript" src="${server}/static/js/user/userMain.js"></script>
	</head>
    <body>
    <div class="wrap">
	<!-- <header class="headerToFixed">
		<div class="closeBtn">
		   <i class="icon iconfont">&#xe600;</i>
		</div>
		<div class="headerTitle">
			个人信息
		</div>
	</header> -->
		<div class="contentWrap">
			<div class="editPerInfoComponent">
				<ul class="basicInfo">
					<li class="avatarBox">
				 		<div class="avatar">
				 			<img src="${userInfo.headimgurl}" height="150" width="151" alt="">
				 		</div>
				 		<div class="nickName">${userInfo.nickname}</div>
				 	</li>
				 		<li class="horzBox">
				 		<div class="all-order" onclick="javascript:findAllOrder();"><spring:message code="YYK-title-100015" /></div>
				 		<div class="wait-receive-order" onclick="javascript:findWaitReceiveOrder();"><spring:message code="YYK-title-100011" /><span class="hide" for="num">(<span class="num">0</span>)</span></div>
				 		<div class="finished-order" onclick="javascript:findFinishedOrder();"><spring:message code="YYK-title-100012" /><span class="hide" for="num">(<span class="num">0</span>)</span></div>
				 		<div class="unpaid-order" onclick="javascript:findUnpaidOrder();"><spring:message code="YYK-title-100010" /><span class="hide" for="num">(<span class="num">0</span>)</span></div>
				 	</li>
				 	
				 	<li onclick="javascript:addTel(${user.userTel})" >
				 		<label for="personalTel"><spring:message code="YYK-20052" /></label>
				 		<!-- <input id="personalTel" type="text" placeholder="请输入电话号码"/> -->
				 		<span>${user.userTel}</span>
				 		<div class="moreBtn fr" >
				 			<i class="icon iconfont">&#xe603;</i>
				 		</div>
				 	</li>
				 	<li class="recepient" onclick="javascript:findRecepient();">
				 		<label><spring:message code="YYK-20053" /></label>
				 		<span>
				 			<c:set value="${recepient.recepientProvinceName}${recepient.recepientCityName}${recepient.recepientAreaName}${recepient.recepientAddress}" var="addressDetail"/>
				 			<c:choose>
				 				<c:when test="${fn:length(addressDetail) <= 15}">
				 					${addressDetail}
				 				</c:when>
				 				<c:otherwise>
				 					${fn:substring(addressDetail,0,13)}...
				 				</c:otherwise>
				 			</c:choose>
				 		</span>
				 		<div class="moreBtn fr">
				 			<i class="icon iconfont">&#xe603;</i>
				 		</div>
				 	</li>
				 	<li onclick="javascript:findIDCard()" >
				 		<label for="idcard"><spring:message code="YYK-20056" /></label>
				 		<div class="moreBtn fr" >
				 			<i class="icon iconfont">&#xe603;</i>
				 		</div>
				 	</li>
				 	<li  onclick="javascript:findLogistictsCoupon();">
				 		<label class="selected logisticts-coupon" ><spring:message code="YYK-20025" /><span class="hide" for="num">(<span class="num">1</span>)</span></label>
				 		<div class="moreBtn fr">
				 			<i class="icon iconfont">&#xe603;</i>
				 		</div>
				 	</li>
				 	<li onclick="javascript:findCashCoupon();">
				 		<label  class="cash-coupon" ><spring:message code="YYK-20026" /><span class="hide" for="num">(<span class="num">1</span>)</span></label>
				 		<div class="moreBtn fr" >
				 			<i class="icon iconfont">&#xe603;</i>
				 		</div>
				 	</li>
				 	<li>
				 		<label for="personalName"><spring:message code="YYK-20054" /></label>
				 		<div class="moreBtn fr">
				 			<i class="icon iconfont">&#xe603;</i>
				 		</div>
				 	</li>
				 </ul>
			</div>
		</div>
		<footer class="footerToFixed">
			
		</footer>
	</div>
	<input type="hidden" id="path" value="${server}"/>
	</body>
</html>